
// 请求必须要得参数
let params = {
  pagenum:1,
  pagesize:2,
}

// 获取文章渲染到页面
function renderArticle() {
  axios.get('http://www.itcbc.com:8080/my/article/list',{params}).then(res => {
    // console.log(res);
      let {status,data,total} = res.data
      if (status === 0) {
        let str = ''
        data.forEach(item => {
          str += `
          <tr>
            <td>${item.title}</td>
            <td>${item.cate_name}</td>
            <td>${item.pub_date}</td>
            <td>${item.state}</td>
            <td>
              <button type="button" class="layui-btn layui-btn-xs">编辑</button>
              <button type="button" class="layui-btn layui-btn-xs layui-btn-danger">删除</button>
            </td>
          </tr>
         `
        });
        $('tbody').html(str)
        showPage(total)
      }
  })
}
renderArticle()

let laypage = layui.laypage
// 分页
function showPage(total) {
  laypage.render({
    elem: 'page',
    count: total ,//数据总数，从服务端得到
    limit: params.pagesize,
    curr: params.pagenum,
    limits:[2, 3, 4, 5, 6],
    layout:['limit', 'prev', 'page', 'next', 'count', 'skip'],
    jump: function(obj, first){
      //obj包含了当前分页的所有参数，比如：
      // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
      // console.log(obj.limit); //得到每页显示的条数
      
      //首次不执行
      if(!first){ 
        //do something
       params.pagenum = obj.curr
       params.pagesize = obj.limit
       renderArticle()
      }
    }
  });
}

// 筛选
axios.get('http://www.itcbc.com:8080/my/category/list').then(res => {
  // console.log(res);
  let {status,data} = res.data
  if (status === 0) {
    let str = ``
    data.forEach( item => {
       str += `
       <option value="${item.id}">${item.name}</option>
      `
    })
    $('#category').append(str)
    let form = layui.form
    form.render('select')
  }
})

$('#search').on('submit',function (e) {
  e.preventDefault();
  let cate_id = category.val()
  let state = state.val()
  if (cate_id) {
    params.cate_id = cate_id;
  } else {
    delete params.cate_id; // delete用于删除对象的属性
  }

  if (state) {
    params.state = state;
  } else {
    delete params.state;
  }

  // 筛选的时候，重置pagenum=1
  params.pagenum = 1;

  // 发送请求，获取文章
  renderArticle();
})